<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <th:block th:if="${type}==0">
        <div  data-th-replace="common/functionDepict"></div>
    </th:block>
    <div>
        <div class="row">
            <div class="creat-step-wrap clearfix">
                <div id="abc1" class="col-sm-6 creat-step-current">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-pointer-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第一步：基本信息</span></h5>
                            <span class="fs14 c-999">填写角色的基本信息、名称、职责等</span>
                        </div>
                    </div>
                </div>
                <div id="abc2" class="col-sm-6 next_step" >
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-peace-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第二步：权限信息</span></h5>
                            <span class="fs14 c-999">对角色授权，规定角色的操作要求</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--第一步 开始-->
            <div class="pt10">
                <form id="role-fomr-data">
                    <input type="hidden" name="id" th:default="0" th:value="${sysRole['id']}"/>
                    <div class="col-sm-9">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>填写基本信息</h5>
                            </div>
                            <div class="ibox-content clearfix pt10">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 角色名称</label>
                                        <div class="col-sm-8">
                                            <input class="form-control validate-data" type="text" name="roleName" th:value="${sysRole['roleName']}"/>
                                            <span class="help-block m-b-none c-999">角色名称 限30个字以内</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 角色职责</label>
                                        <div class="col-sm-8">
                                            <textarea name="depict" class="form-control" th:text="${sysRole['depict']}"></textarea>
                                            <span class="help-block m-b-none c-999">角色职责描述，200个字以内</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <div class="col-sm-10 col-sm-offset-2">
                                            <a href="javascript:void(0)">
                                                <button class="btn btn-primary" id="save-role" type="button" >保存，继续授权</button>
                                            </a>
                                            <button class="btn btn-primary ml10" id="save-role-back" type="button">保存，返回</button>
                                            <a href="javascript:history.go(-1)">
                                                <button class="btn btn-white ml10" type="button">取消</button></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div data-th-replace="common/importantNotes"></div>
            </div>
            <!--第一步 结束-->
        </div>
    </div>
</div>
    <!-- 底部引入 -->
    <div data-th-replace="layout/head-footer"></div>
    <script th:src="@{{path}/admin/business/manage/role/sysRole.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var typeTo =[[${type}]];
    </script>
</body>
</html>


